<template>
  <div id="app">
    <Test></Test>
    <Loading></Loading>
    <AlertPlugin></AlertPlugin>
    <Close></Close>
    <vux-icon-group></vux-icon-group>
    <x-icon-group></x-icon-group>
    <vux-x-button></vux-x-button>
    <vux-divider></vux-divider>
  </div>
</template>

<script>
import Test from '@/components/test'
import Loading from '@/components/loading';
import AlertPlugin from '@/components/vue-1px';
import Close from '@/components/close';
import vuxIconGroup from '@/components/icon';
import xIconGroup from '@/components/x-icon';
import vuxXButton from '@/components/x-button';
import vuxDivider from '@/components/divider'
export default {
  name: 'App',
  components : {
    Loading,
    AlertPlugin,
    Close,
    Test,
    vuxIconGroup,
    xIconGroup,
    vuxXButton,
    vuxDivider
  }
}
</script>

<style lang='less'>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}


</style>
